body {
	background: #fff7cc url('images/bg2.png') repeat-x top center;
	font-family: Trebuchet MS, sans-serif;
	color: #191919;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
	padding: 0;
	margin: 0;
}
#wrapper {
	margin: 0 auto;
	width: 1080px;
}
#header {
	width: 1080px;
	height: 110px;
	margin: 0;
	padding: 0 0 0 0;
}
#logo {
	background: url('images/logobg.png') no-repeat top center;
	float: left;
	width: 325px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0;
}
#menu {
	float: left;
	width: 375px;
	height: 57px;
	padding: 68px 0 0 45px;
	margin: 10px 0 0 0;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuhome{
	background: url('images/homebg.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px;
}
#menuhome2{
	background: url('images/homebg2.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px;
}
#menudkonten{
	background: url('images/dkontenbg.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 20px 15px 20px;
}
#menudkonten2{
	background: url('images/dkontenbg2.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 20px 15px 20px;
}
#menuregister{
	background: url('images/registerbg.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 13px 15px 13px;
}
#menuregister2{
	background: url('images/registerbg2.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 13px 15px 13px;
}
#menuprofile{
	background: url('images/registerbg.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 18px 15px 18px;
}
#menuprofile2{
	background: url('images/registerbg2.png') no-repeat top center;
	display: inline;
	font-family: Impact, sans-serif;
	font-size: 20px;
	padding: 15px 18px 15px 18px;
}
#menu li {
	display: inline;
	font-family: Arial Black, sans-serif;
	font-size: 14px;
}
#menu li a {
	color: #191919;
	text-decoration: none;
}
#menu li a:hover {
	color: #db4444;
}
#usearch {
	background: url('images/usearchbg.png') no-repeat top center;
	float: right;
	width: 320px;
	height: 110px;
	margin: 0 0 0 0;
	padding: 0;
}
#usearch ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#user {
	height: 54px;
	margin: 0 0 15px 0;
	padding: 3px 0 0 90px;
}
#search {
	height: 30px;
	padding: 10px 0 0 15px;
}
.textfld {
	height: 12px;
	width: 100px;
	font-family: Trebuchet MS;
	font-size: 12px;
}
.btn {
	font-family: Trebuchet MS;
	font-size: 12px;
}
#searchopt {
	font-family: Trebuchet MS;
	font-size: 12px;
}
#loginResultDiv {
	color: #FF0000;
	background-color: #fff7cc;
	width: 220px;
}
#komenErrorDiv {
	color: #FF0000;
}
#theming {
	float: right;
	text-align: right;
	width: 230px;
	font-family: Arial Black, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 68px 0 0 0;
}
#theming a {
	color: #2e395e;
	text-decoration: none;
}
#theming a:hover {
	color: #fefefe;
}
#main {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}
#konten {
	background-color: #FFF7CC;
	margin: 0 5px 0 0;
	padding: 0;
	width: 670px;
	float: left;
}
.atas {
	background: #fff7cc url('images/atas2.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.atas-register {
	background: #fff7cc url('images/atas2-register.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.atas-profile {
	background: #fff7cc url('images/atas2-profile.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.atas-post {
	background: #fff7cc url('images/atas2-post.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.atas-search {
	background: #fff7cc url('images/atas2-search.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.tengah {
	background: #fff7cc url('images/tengah2.png') repeat-y top center;
	width: 711px;
	padding: 0;
	margin: 0;
}
.bawah {
	background: #fff7cc url('images/bawah2.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.bawah-register {
	background: #fff7cc url('images/bawah2-register.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.bawah-search {
	background: #fff7cc url('images/bawah2-search.png') no-repeat top center;
	width: 711px;
	height: 56px;
}
.judul {
	font-family: Arial Black, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 10px 25px 15px 25px;
}
.isi {/* 640px */
	margin: 0;
	padding: 0 25px 0 25px;
}
.detail {
	margin: 0;
	padding: 0 25px 0 25px;
}
.byon {
	margin: 0;
	padding: 5px 0 5px 0;
	color: #555555;
}
.by {
	color: #db4444;
}
.likedislike {
	margin: -10px 0 30px 0;
	padding: 0;
	float: left;
	width: 108px;
}
.ldbuttons {
	position: relative;
}
.ldbuttons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
.ldbuttons li, .ldbuttons a {
	height: 33px;
	display: block;
}
.like {
	left: 0px;
	width: 70px;
}
.like {
	background: url('images/like.png') 0 0;
}
.like a:hover {
	background: url('images/like.png') 0 -33px;
}
.like a:active {
	background: url('images/like.png') 0 -66px;
}
.dislike {
	left: 70px;
	width: 38px;
}
.dislike {
	background: url('images/like.png') -70px 0;
}
.dislike a:hover {
	background: url('images/like.png') -70px -33px;
}
.dislike a:active {
	background: url('images/like.png') -70px -66px;
}
.islike {
	left: 0px;
	width: 70px;
	background: url('images/islike.png');
}
.isdislike {
	left: 70px;
	width: 38px;
	background: url('images/isdislike.png');
}
.notlike {
	left: 0px;
	width: 70px;
	background: url('images/notlike.png');
}
.notdislike {
	left: 70px;
	width: 38px;
	background: url('images/notdislike.png');
}
.count {
	margin: 11px 0 0 10px;
	padding: 0;
	float: left;
	color: #555555;
}
.komen {
	clear: both;
	margin: 0;
	padding: 30px 25px 10px 25px;
}
.komenjudul {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}
.line {
	margin: 10px 0 10px 0;
	padding: 0;
	background: #fff7cc url('images/line2-home.png') no-repeat top center;
	height: 9px;
}
.line-konten {
	margin: 10px 0 10px 0;
	padding: 0;
	background: #fff7cc url('images/line2.png') no-repeat top center;
	height: 9px;
}
.komen-nama {
	font-weight: bold;
	color: #db4444;
	float: left;
	
}
.komen-tanggal {
	margin: 1px 0 0 5px;
	margin: 1px 0 0 5px;
	font-size: 10px;
	color: #999;
	float: left;
}
.komen-isi {
	padding: 5px 0 0 0;
	clear: both;
	width: 500px;
}
#sidebar {
	width: 290px;
	margin: 0 0 0 5px;
	padding: 0;
	float: right;
}
.iklan {/* 290px */
	margin: 0;
	padding: 0;
	text-align: right;
}
#adsay{
	margin: 0 0 5px 0;
}
#footer {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
}
#little {
	margin: 0;
	background: #fff7cc url('images/little.png') no-repeat center center;
	padding: 0 0 0 10px;
	height: 31px;
	width: 31px;
	float: left;
}
#siteinfo {
	float: left;
	background-color: #fff7cc;
	color: #191919;
	margin: 0;
	padding: 0 0 50px 0;
}
#botlink {
	float: left;
	padding: 6px 0 0 69px;
}
#botlink ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#botlink li {
	display: inline;
	padding: 15px;
}
#botlink li a {
	color: #191919;
	text-decoration: none;
}
#botlink li a:hover {
	color: #db4444;
}
.register-label {
	width: 120px;
	float: left;
	margin: 3px 0 0 0;
}
.register-td {
	float: left;
	margin: 3px 3px 0 3px;
}
.register-input {
	float: left;
	margin: 0 0 5px 0;
}
.register-input-input {
	width: 200px;
}
.clear {
	clear: both;
	height: 1px;
}
.register-submit {
	text-align: right;
	padding: 20px 285px 20px 0;
}
.btg-mrh {
	color: #db4444;
}
#btg {
	padding: 0 0 12px 0;
}
/*#error-username {
	height: 15px;
	padding: 0 0 10px 0;
	color: #db4444;
}*/
.komen-label {
	width: 70px;
	float: left;
	margin: 3px 0 0 0;
}
.komen-tulis {
	width: 100px;
	float: left;
	margin: 3px 0 0 0;
}
.komen-submit {
	text-align: right;
	padding: 0 15px 20px 0;
}
#komen-btg {
	padding: 0 0 10px 0;
}
/* 325px */
#home-most-liked {
	background-color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0;
	width: 364px;
	float: left;
}
#home-most-commented {
	background-color: #ffffff;
	margin: 0 5px 0 10px;
	padding: 0;
	width: 364px;
	float: left;
}
.home-atas-like {
	background: #fff7cc url('images/home-atas-like.png') no-repeat top center;
	width: 364px;
	height: 56px;
}
.home-tengah {
	background: #fff7cc url('images/home-tengah2.png') repeat-y top center;
	width: 364px;
	padding: 0;
	margin: 0;
}
.home-bawah-like {
	background: #fff7cc url('images/home-bawah-like.png') no-repeat top center;
	width: 364px;
	height: 56px;
	clear: both;
}
.home-atas-komen {
	background: #fff7cc url('images/home-atas-komen.png') no-repeat top center;
	width: 364px;
	height: 56px;
}
.home-bawah-komen {
	background: #fff7cc url('images/home-bawah-komen.png') no-repeat top center;
	width: 364px;
	height: 56px;
	clear: both;
}
#most-liked-judul {
	text-align: center;
	font-family: Arial Black, sans-serif;
	font-size: 16px;
}
#most-commented-judul {
	text-align: center;
	font-family: Arial Black, sans-serif;
	font-size: 16px;
}
#search-judul {
	text-align: center;
	font-family: Arial Black, sans-serif;
	font-size: 16px;
}
#searchtype {
	font-family: Trebuchet MS, sans-serif;
	color: #191919;
	font-size: 12px;
}
#search-keyword {
	text-align: center;
}
.alignleft {
	margin: 0px;
	float: left;
}
.alignright {
	margin: 0 20px 0 0;
	float: right;
}
.search-img {
	width: expression(document.body.clientWidth <= 150? "auto" : "150px");
	max-width: 150px;
}
.search-table {
	margin:0;
	padding:0;
}
.search-table td{
	vertical-align:top;
}
.home-detail {
	margin: 0;
	padding: 0 25px 15px 25px;
}
.home-judul {
	font-family: Arial Black, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0 25px 5px 25px;
}
.commenter {
	margin: 0;
	padding: 0 0 5px 0;
	color: #555555;
}
#konten-commenter {
	margin: 0;
	padding: 5px 0 0 0;
	color: #555555;
}
.home-judul a {
	color: #191919;
	text-decoration: none;
}
.home-judul a:hover {
	color: #db4444;
}
.judul a {
	color: #191919;
	text-decoration: none;
}
.judul a:hover {
	color: #db4444;
}
.dkonten-clear {
	clear: both;
	height: 15px;
}
.dkonten-bawah {
	background: #fff7cc url('images/bawah2.png') no-repeat top center;
	width: 711px;
	height: 56px;
	padding: 0 0 20px 0;
}
#artikel {
	display: none;
}
#gambar {
	display: none;
}
#youtube {
	display: none;
}
#caldad {
	float: left;
	width: 50px;
	margin: 0 0 0 5px;
	position: relative;
}
#calendar {
	position: absolute;
	background-color: #333333;
	left: 0;
	top: 0;
	width: 232px;
	z-index: -100;
	padding: 5px;
	color: #cccccc;
}
#calendar a {
	color: #eeeeee;
}
#caljudul {
	margin: 0 0 10px 0;
}
.grid {
	float: left;
	width: 31px;
	height: 15px;
	margin: 1px;
	background-color: black;
	color: white;
	text-align: center;
}
#afterpost{
	margin-left : 40px;
}
.isi-gambar {
	text-align: center;
}
.dynamic-img {
	width: expression(document.body.clientWidth <= 310? "auto" : "310px");
	max-width: 310px;
}
.content-img {
	width: expression(document.body.clientWidth <= 600? "auto" : "600px");
	max-width: 600px;
	text-align: center;
}
.ava-img {
	max-height: 45px;
}
.komen-img {
	max-width: 50px;
}
#post-now {
	width: 290px;
	height: 95px;
	background: #fff7cc url('images/post.png') no-repeat top left;
	text-align: center;
	padding: 40px 0 0 0;
}
#post-now a{
	font-family: Arial Black, sans-serif;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
	color: #191919;
}
#post-now a:hover {
	color: #db4444;
}
.hastooltip + div {
    display: none;
    position: absolute;
	padding: 3px;
	marginTop = 0px;
	marginLeft = 0px;
    border: 1px solid black;
    background-color: white;
}
.hastooltip:hover + div, .hastooltip + div:hover { display: block; }
#tag-box {
	width: 290px;
	height: 275px;
	background: #fff7cc url('images/filterbg.png') no-repeat top left;
	text-align: left;
	padding: 40px 0 0 15px;
}